<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/login.css" />
  </head>
  <body>
      <div class="block1">
        <div class="flex-col">
          <div class="login-tit">
            <div class="margin-center flex-row">
              <div class="login-logo flex-col"></div>
              <span class="txt1  flex-col">欢迎注册</span>
            </div>
          </div>
          <div class="login-box flex-col justify-center align-center">
            <div class="register-sub-box show">
              <div class="wrap1 flex-row justify-between">
                <span class="word1 login-btn">登录</span> <span class="word2">注册</span>
              </div>
              <div class="login-box-titborder flex-col"></div>
              <span class="word3">请输入手机号码</span>
              <div class="wrap3 flex-col"></div>
              <span class="txt2">请输入密码</span>
              <div class="wrap4 flex-col"></div>
              <span class="word4">请输入验证码</span>
              <div class="wrap5 flex-row justify-between">
                <div class="wrap6 flex-col"></div>
                <div class="wrap7 flex-col justify-center align-end">
                  <span class="word5">重新发送（36s）</span>
                </div>
              </div>
              <div class="wrap8 flex-row justify-between">
                <div class="section2 flex-col"></div>
                <div class="section3">
                  <span class="word6">已阅读并同意</span>
                  <span class="word7">用户协议</span>
                  <span class="word8">和</span>
                  <span class="word9">隐私政策</span>
                </div>
              </div>
              <div class="wrap9 flex-col justify-center align-center">
                <span class="word10">注册</span>
              </div>
              <div class="wrap10 flex-row justify-between">
                <span class="word11">已有账号？请</span>
                <span class="word12">登录</span>
              </div>
            </div>
            <div class="login-sub-box ">
              <div class="wrap1 flex-row justify-between">
                <span class="word2">登录</span> <span class="word1 register-btn">注册</span>
              </div>
              <div class="login-sub-box-titborder flex-col"></div>
              <span class="word3">请输入账户</span>
              <div class="wrap3 flex-col"></div>
              <span class="txt2">请输入密码</span>
              <div class="wrap4 flex-col"></div>
              
              <div class="wrap8 flex-row justify-between">
                <div class="section2 flex-col"></div>
                <div class="section3">
                  <span class="word6">《信息保密协议》及其他条款</span>
                </div>
              </div>
              <div class="wrap9 flex-col justify-center align-center">
                <span class="word10">登录</span>
              </div>
              <div class="wrap10 flex-row justify-between">
                <span class="word11">还没有账户？</span>
                <span class="word12">注册</span>
              </div>
            </div>
          </div>
        </div>
      </div>
  </body>
  <script src="./js/login.js"></script>
</html>
